﻿/*定义泛格式../../images/*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
font-family: Arial, 宋体;
font-size: 12px;
margin: 0px;
padding: 0px;
}
img{
border-style: none;
border-color: inherit;
border-width: 0px;
margin-left: 0px;
}
body {
background: white url("../../images/fenglei_img/backindex.html") repeat-x 0 0;
}
#freefee{
width: 960px;
margin: 0px auto;
height:632px;
background: url(../../images/fenglei_img/free.png) no-repeat;
position:relative;
display:none;
}
#main{
width: 960px;
margin: 0px auto;
}
#top{
height: auto;
margin: 0 auto;
overflow: hidden;
}
#topheader{
height: 75px;
width: 960px;
}
#logo {
width: 227px;
float: left;
}
#phone {
width: 325px;
float: right;
padding: 12px 12px 0 0px;
line-height:18px;
}
#collect {
width: 150px;
float: right;
padding: 20px 0 0 8px;
}
#flsd{
float: left;
width: 200px;
padding: 20px 0 0 8px;
}
.banner{
height: 46px;
background-repeat: no-repeat;
width: 960px;
margin: 0 0 4px 0;
}

#menu {
overflow: hidden;
padding: 1px 20px 0 0;
margin: 0px auto;
text-align: center;
width: 960px;
}
#menu .nav1{
height: 46px;
width: 80px;
float: left;
list-style: none;
}
#menu .nav2{
height: 46px;
width: 125px;
float: left;
list-style: none;
}
#menu .nav3{
height: 46px;
width: 130px;
float: left;
list-style: none;
}
#menu .nav4{
height: 46px;
width: 140px;
float: left;
list-style: none;
}
#menu .nav5{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav6{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav7{
height: 46px;
width: 120px;
float: left;
list-style: none;
}
#menu .nav8{
height: 46px;
width: 120px;
float: left;
list-style: none;
}

#menu li a {
display: block;
text-indent: -9999px;
height: 46px;
background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;
}

#menu .nav1 a{ background-position:0 0;}
#menu .nav1 a:hover{ background-position:0 -48px;}
#menu .nav2 a{ background-position:-80px 0;}
#menu .nav2 a:hover{ background-position:-80px -48px;}
#menu .nav3 a{ background-position:-205px 0;}
#menu .nav3 a:hover{ background-position:-205px -48px;}
#menu .nav4 a{ background-position:-335px 0;}
#menu .nav4 a:hover{ background-position:-335px -48px;}
#menu .nav5 a{ background-position:-475px 0;}
#menu .nav5 a:hover{ background-position:-475px -48px;}
#menu .nav6 a{ background-position:-595px 0;}
#menu .nav6 a:hover{ background-position:-595px -48px;}
#menu .nav7{ background-position:-715px 0;background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;}
/*#menu .nav7 a:hover{ background-position:-715px -48px;}*/
#menu .nav8{ background-position:-835px 0;background-image: url(../../images/fenglei_img/banner_blue.png);
background-repeat: no-repeat;}
/*#menu .nav8 a:hover{ background-position:-835px -48px;}*/

#help{
background: url(../../images/fenglei_img/helpcolor.png) repeat-x 0% 100%;
height: 28px;
}
#help .right{
float: right;
width: 100px;
padding-top: 4px;
}
#help .right a{
line-height: 32px;
color: white;
font-weight: bold;
font-size: 14px;
font-family: Arial, "宋体", sans-serif;
}
#show{
margin-bottom: 1px;
clear: both;
position: relative;
width:960px;
overflow: hidden;
top: 0px;
left: 0px;
margin: 8px 0 0 0;
}
/*background: url(/images/showimage.png);*/
#newreadfriendarea{
width:316px;
float:left;
position: relative;
top: 0px;
left: 0px;
}
#newread{
width:316px;
float:left;
position: relative;
top: 0px;
left: 0px;
/*height: 176px;*/
border: 1px #E7E6FA solid;
background-color: #FAFAFA;
}
#newread .title{
height: 27px;
padding:4px 12px 0 12px;
color: black;
font-weight: bold;
font-size: 18px;
font-family: "宋体", sans-serif;
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
margin-bottom: 12px;
}
.sysm{
float:left;
margin:0 10px 0 0;
}
.sysm a{
background-image: url(../../images/fenglei_img/newreading.png);
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}
.sysm a:hover{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  0px -104px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}

.cjwt{
float:left;
}
.cjwt a{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  -140px 0px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}
.cjwt a:hover{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  -140px -104px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}

.bxcs{
float:left;
margin:0 10px 0 0;
}
.bxcs a{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  0px -52px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}
.bxcs a:hover{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  0px -157px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}

.jffz{
float:left;
}
.jffz a{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  -140px -52px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}
.jffz a:hover{
background-image: url(../../images/fenglei_img/newreading.png);
background-position:  -140px -157px;
background-repeat: no-repeat;
width:140px;
height:52px;
display:block;
text-indent: -9999px;
}

.imagelist{
padding:4px 12px 4px 12px;
clear:both;
overflow:hidden;
}
#friend{
width:200px;
height: 50px;
float:left;
padding:0;
margin: 0;
display:inline;
}
#friend a{
background-image: url(../../images/fenglei_img/sharefriend.png);
background-repeat: no-repeat;
width:300px;
height:95px;
display:block;
text-indent: -9999px;
}
#tuan{
width:310px;
height: 95px;
float:left;
position: relative;
top: 0px;
left: 0px;
padding:0 0 0 0 ;
margin: 4px 0 0 0;
}
#tuan a{
background-image: url(../../images/fenglei_img/tuan.png);
background-repeat: no-repeat;
width:300px;
height:95px;
display:block;
text-indent: -9999px;
}

#flasharea{
width:316px;
float:left;
position: relative;
top: 0px;
left: 0px;
/*height: 300px;*/
padding: 0 0 0 10px;
}
#servicesearcharea{
float:right;
width:310px;
margin-right: 4px;
display:inline
}
#service{
float:left;
width:316px;
height: 124px;
border: 1px #E7E6FA solid;
margin-top: 8px;
background-color: #FAFAFA;
}
#searchblock{
float:left;
width:310px;
height: 115px;
margin: 0 0 4px 0;
border: 1px #E7E6FA solid;
background-color: #FAFAFA;
display:inline;
}
/*定义介绍界面风格*/
#service .title{
height: 27px;
padding:4px 12px 0 12px;
color: black;
font-weight: bold;
font-size: 18px;
font-family: Arial, "宋体", sans-serif;
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
}
#service .info    {
height: 89px;
padding: 8px 0 0 12px;
}
#service .info .divitem{
clear:both;
margin-bottom: 8px;
}
#service .info .divitem .qqstate{
width:70px;
float:left;
}
#service .info .divitem .qqOtherState{
width:50px;
float:left;
}
#service .info .divitem .qqCompanyState{
width:82px;
float:left;
}
#service .info .divitem a{
text-decoration:none;

}

#searchblock .title{
height: 27px;
padding:4px 12px 0 12px;
color: black;
font-weight: bold;
font-size: 18px;
font-family: Arial, "宋体", sans-serif;
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
}
#searchblock .searchbar {
padding: 12px 0 0 40px;
overflow: hidden;
}
.searchbar .tbnum {
border: 1px solid silver;
color: #333;
padding: 2px;
vertical-align: middle;
width: 150px;
}
.searchbar .tbcheck {
border: 1px solid silver;
color: #333;
padding: 2px;
vertical-align: middle;
width: 50px;
}
#searchblock .searchbar .buttonA {
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
cursor: pointer;
margin: 2px 10px 0 0;
border: 1px solid #AAA;
padding:0;
}

#content{
height:190px;
background: url(../../images/fenglei_img/up_down.png) repeat-x scroll 0 0;
margin-top:10px;
/*background: url(/images/indexcolor.png) repeat-y 100% 0%;*/
}
#news{
height:190px;
width:320px;
float:left;
position: relative;
top: 0px;
left: 0px;
}
#login{
height:210px;
width:316px;
float:left;
position: relative;
top: 0px;
left: 0px;
}
#userrec{
height:190px;
float:left;
width:320px;
position: relative;
top: 0px;
left: 0px;
}

#search{
height: 27px;
background: url(../../images/fenglei_img/indexcolor.png) repeat-y 100% 0%;
clear: both;
margin-bottom: 1px;
width: 960px;
}

#qqrec{
height: 135px;
background: url(../../images/fenglei_img/indexcolor.png) repeat-y 100% 0%;
}
#qq{
height: 135px;
width: 415px;
float:left;
position: relative;
}
#qq .title{
height: 27px;
padding: 30px 0 0 50px;
color: black;
font-weight: bold;
font-size: 16px;
font-family: Arial, "宋体", sans-serif;
}
#qq .info    {
height: 70px;
padding: 8px 0 0 50px;
}
#rec{
height: 135px;
width: 415px;
float:left;
position: relative;
}
#yellow{
height: 12px;
margin: 4px 0 0 0;
background: url(../../images/fenglei_img/yellow.png) repeat-x 0% 100%;
}
#flink{
margin: 8px 0 0 8px;
clear:both;
text-align:center;
color: #167DCC;
}
#flink a{
font-size: 12px;
text-decoration: none;
color: #167DCC;
}
#bottom{
height: 40px;
padding: 0 0 0 8px;
}
#bottom p{
line-height: 20px;
color: #8A8A8A;
font-weight: bold;
font-size: 12px;
font-family: Arial, "宋体", sans-serif;
}
/*定义公告界面风格*/
#news .title{
height:30px;
padding:20px 0 0 12px;
line-height: 32px;
font-weight: bold;
font-size: 14px;
font-family: "宋体", sans-serif;
}
#news .info{
font-size: 12px;
font-family: "宋体", sans-serif;
height: 105px;
color: #953F5B;
padding: 0 0 0 12px;
}
#news .more{
font-size: 14px;
font-family: "宋体", sans-serif;
text-align:right;
padding: 0 12px 0 0;
}
#news .more a{
font-size: 12px;
text-decoration: none;
color: #615D5D;
}
#news .more a:hover{
color: #FF7D00;
}
#news .info ul li {
color: #ABABAB;
font-size: 12px;
padding: 0 5px 0 8px;
margin: 0 5px 0 0;
text-align: left;
list-style: none;
height: 22px;
}
#news ul li span {
font-size: 12px;
padding: 0px 5px 0px 0px;
border-right: 1px solid #ABABAB;
margin: 0px 5px 0px 0px;
color: #333;
}
#news ul li a {
text-decoration: none;
outline: none;
color: #3163B6;
}
#news ul li a:hover {
text-decoration: underline;
outline: none;
color: #3163B6;
}

/*定义公告界面风格*/
#userrec .title{
height:30px;
padding:20px 0 0 12px;
line-height: 32px;
color: white;
font-weight: bold;
font-size: 14px;
font-family: "宋体", sans-serif;
}
#userrec .info{
color: white;
font-size: 12px;
font-family: "宋体", sans-serif;
height: 105px;
padding: 0 0 0 12px;
}
#userrec .more{
color: white;
font-size: 14px;
font-family: "宋体", sans-serif;
text-align:right;
padding: 0 12px 0 0;
}
#userrec .more a{
font-size: 12px;
text-decoration: none;
color: #615D5D;
}
#userrec .more a:hover{
color: #FF7D00;
}
#userrec .info ul li {
font-size: 12px;
padding: 0 5px 0 8px;
margin: 0 5px 0 0;
text-align: left;
list-style: none;
height: 22px;
}
#userrec ul li span {
font-size: 12px;
padding: 0px 5px 0px 0px;
border-right: 1px solid #ABABAB;
margin: 0px 5px 0px 0px;
}
#userrec ul li a {
color: black;
text-decoration: none;
outline: none;
}
#userrec ul li a:hover {
text-decoration: underline;
outline: none;
}

/*定义登入界面风格*/
#login .title{
height:30px;
padding:20px 12px 0 12px;
color: white;
font-weight: bold;
font-size: 14px;
font-family: "宋体", sans-serif;
}
#login .title .left{
float:left;
}
#login .title .right{
float:right;
padding-bottom: 8px;
}
#login .title .right a{
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
}
#login .title a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#login .username{
height:26px;
line-height: 26px;
color: #333;
font-size: 12px;
font-family: "宋体", sans-serif;
clear: both;
}
#login .password{
height:26px;
line-height: 26px;
color: #333;
font-size: 12px;
font-family: "宋体", sans-serif;
clear: both;
margin: 6px 0 0px 0;
}
#login .loginbutton{
height:24px;
margin: 4px 0 0 0;
padding-left: 60px;
margin: 8px 0 8px 0;
}
.loginbutton a{
color: #008DF6;
text-decoration: none;
margin: 0 0 0 8px;
line-height: 26px;
}
.loginbutton a:hover{
color: #008DF6;
text-decoration: underline;
}
#login .regfree{
padding-left:56px;
font-family: Tahoma;
}
#login .regfree a{
text-decoration: none;
outline: none;
color: #333;
text-align:center;
font-size: 16px;
font-weight: bolder;
padding-top: 8px;
}
#login .regfree a:hover{
text-decoration: none;
outline: none;
color: #FF7D00;
text-align:center;
font-size: 16px;
font-weight: bolder;
padding-top: 8px;
}
#login .btlogin{
height: 20px;
width: 30px;
background: url(../../images/fenglei_img/bottomcolor.png) repeat-x 0% 100%;
}
#login .btreg{
height: 20px;
width: 50px;
background: url(../../images/fenglei_img/bottomcolor.png) repeat-x 0% 100%;
}
#login .btn-login {
display: block;
float: left;
width: 97px;
height: 27px;
background-position: 0 0;
cursor: pointer;
text-indent: -9999em;
border: 0;
background: url('../../images/fenglei_img/loginbut.png') no-repeat;
}
#login .btn-login:hover{
background-position: -97px 0px;
}
/*---------- 空白行 ---------*/
.blank1 {
clear: both;
font-size: 1px;
height: 1px;
overflow: hidden;
}
.blank4 {
clear: both;
font-size: 1px;
height: 4px;
overflow: hidden;
}
.blank8 {
clear: both;
font-size: 1px;
height: 8px;
overflow: hidden;
}
.buttonA {
background: white url(../../images/fenglei_img/mainbar_off.gif) repeat-x 0% 100%;
cursor: pointer;
margin: 2px 10px 0 0;
border: 1px solid #AAA;
padding:0;
}
/*---------- register.aspx页面设计 ---------*/
#regbox {
padding: 20px 0px 0px 50px;
width: 960px;
overflow: hidden;
clear: both;
margin-bottom: 8px;
}
#imagebox{
float: left;
height: 330px;
width: 360px;
}
#infobox{
float: right;
width: 360px;
padding-right: 50px;
}

#infobox .tb {
border: 1px solid silver;
color: #333;
padding: 2px;
vertical-align: middle;
width: 200px;
}
#infobox .tb1 {
border: 1px solid silver;
color: #333;
padding: 2px;
vertical-align: middle;
width: 50px;
}
#infobox .red {
color: red;
padding: 0px 4px;
}
#infobox p {
color: #818181;
padding: 5px 0px 5px 70px;
}
#infobox .checkcode{
margin: 0 0 0 0;
float:left;
width: 120px;
}
#infobox .divtitle{
float:left;
width: 150px;
}
#infobox .divitem{
clear:both;
}
#infobox .title{
width: 60px;
display: inline-block;
}
/*---------- ForgotPasswd.aspx页面设计 ---------*/
#forgot {
padding: 20px 0 0 20px;
}
#forgot .forgotimage{
min-height:80px;
padding: 8px 0 8px 20px;
}
#forgot .title{
color:Gray;
text-indent: 20px;
line-height: 30px;
}
#forgot .divitem{
font-size:14px;
margin: 8px 0 12px 0;
clear: both;
padding: 0 0 0 25px;
overflow: hidden;
}
#forgot .btbox{
line-height: 30px;
clear: both;
}
#forgot .divtitle{
float:left;
width: 191px;
font-size:14px;
}
#forgot .checkcode{
margin: 4px 0 0 0;
float:left;
width: 120px;
}